<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/comic.css">
    <title>Document</title>
</head>

<body>
    <!-- 首页头 -->
    <div class="index_header">
        <div class="index_header_bg">
            <img src="https://www.hotread.com/assets/images/newlogo.png" alt="">
            <div class="hotreadAndGirl">
                <span class="on">火星小说</span>
                <span>|</span>
                <span onclick="jumpNv()">火星女频</span>
            </div>
            <div class="search-content">
                <input type="text" placeholder="龙王棺" class="search-text">
                <img src="../img/index_search.png" alt="">
            </div>
            <div class="main-login">
                <div>
                    <span>书架</span>
                    <span>|</span>
                    <span>充值</span>
                </div>
                <div>
                    <span>注册</span>
                    <span>|</span>
                    <span onclick="login()">登录</span>
                </div>
            </div>
        </div>
        <ul>
            <li style="color: #333;">
                热搜：
            </li>
            <li>
                <span>
                    蛇孽
                </span>
            </li>
            <li>
                <span>
                    湘西秘闻
                </span>
            </li>
            <li>
                <span>
                    重生1980
                </span>
            </li>
        </ul>
    </div>
    <div class="hotr-nav">
        <ul>
            <li onclick="jumpIndexk()">首页</li>
            <li onclick="jumpRank()">排行</li>
            <li onclick="jumpBook()">书库</li>
            <li class="on" onclick="jumpManhua()">动漫</li>
            <li onclick="jumpClient()">客户端</li>
            <li onclick="jumpWelfare()">作家福利</li>
            <li onclick="jumpAuthor()">作者中心</li>
        </ul>
    </div>
    <div class="comic">
        <h1>
            <span>隐私政策</span>
            <span>家长监护</span>
        </h1>
        <div class="content">
            <h2>先婚后爱(<span>vip</span>)</h2>
            <div class="contentlist">
                <div class="imgbox" onclick="pop_up()">
                    <div class="img">
                        <img src="https://www.hotread.com/assets/images/houai_cover/1.jpg" alt="">
                    </div>
                    <p class="pay">付费内容</p>
                    <p class="tatle">先婚后爱1</p>
                    <hr style="border-style: dashed;border-width: 1px;border-color: #eee;margin-bottom: 60px;">
                    <p class="time">
                        <span>2024-01-15</span>
                        <span>8040<em>1309</em></span>
                    </p>
                </div>
                <div class="imgbox" onclick="pop_up()">
                    <div class="img">
                        <img src="https://www.hotread.com/assets/images/houai_cover/2.jpg" alt="">
                    </div>
                    <p class="pay">付费内容</p>
                    <p class="tatle">先婚后爱2</p>
                    <hr style="border-style: dashed;border-width: 1px;border-color: #eee;margin-bottom: 60px;">
                    <p class="time">
                        <span>2024-01-15</span>
                        <span>7902<em>1136</em></span>
                    </p>
                </div>
                <div class="imgbox" onclick="pop_up()">
                    <div class="img">
                        <img src="https://www.hotread.com/assets/images/houai_cover/3.jpg" alt="">
                    </div>
                    <p class="pay">付费内容</p>
                    <p class="tatle">先婚后爱3</p>
                    <hr style="border-style: dashed;border-width: 1px;border-color: #eee;margin-bottom: 60px;">
                    <p class="time">
                        <span>2024-01-15</span>
                        <span>4935<em>127</em></span>
                    </p>
                </div>
                <div class="imgbox" onclick="pop_up()">
                    <div class="img">
                        <img src="https://www.hotread.com/assets/images/houai_cover/4.jpg" alt="">
                    </div>
                    <p class="pay">付费内容</p>
                    <p class="tatle">先婚后爱4</p>
                    <hr style="border-style: dashed;border-width: 1px;border-color: #eee;margin-bottom: 60px;">
                    <p class="time">
                        <span>2024-01-15</span>
                        <span>5086<em>109</em></span>
                    </p>
                </div>
            </div>
            <div class="more" onclick="pop_up()">加载更多</div>
        </div>
        <div class="content">
            <h2>行走阴阳(<span>vip</span>)</h2>
            <div class="contentlist">
                <div class="imgbox" onclick="pop_up()">
                    <div class="img">
                        <img src="https://www.hotread.com/assets/images/yinyang_cover/7.jpg" alt="">
                    </div>
                    <p class="pay">付费内容</p>
                    <p class="tatle">行走阴阳1</p>
                    <hr style="border-style: dashed;border-width: 1px;border-color: #eee;margin-bottom: 60px;">
                    <p class="time">
                        <span>2024-01-15</span>
                        <span>8040<em>1309</em></span>
                    </p>
                </div>
                <div class="imgbox" onclick="pop_up()">
                    <div class="img">
                        <img src="https://www.hotread.com/assets/images/yinyang_cover/8.jpg" alt="">
                    </div>
                    <p class="pay">付费内容</p>
                    <p class="tatle">行走阴阳2</p>
                    <hr style="border-style: dashed;border-width: 1px;border-color: #eee;margin-bottom: 60px;">
                    <p class="time">
                        <span>2024-01-15</span>
                        <span>7902<em>1136</em></span>
                    </p>
                </div>
                <div class="imgbox" onclick="pop_up()">
                    <div class="img">
                        <img src="https://www.hotread.com/assets/images/yinyang_cover/9.jpg" alt="">
                    </div>
                    <p class="pay">付费内容</p>
                    <p class="tatle">行走阴阳3</p>
                    <hr style="border-style: dashed;border-width: 1px;border-color: #eee;margin-bottom: 60px;">
                    <p class="time">
                        <span>2024-01-15</span>
                        <span>4935<em>127</em></span>
                    </p>
                </div>
                <div class="imgbox" onclick="pop_up()">
                    <div class="img">
                        <img src="https://www.hotread.com/assets/images/yinyang_cover/10.jpg" alt="">
                    </div>
                    <p class="pay">付费内容</p>
                    <p class="tatle">行走阴阳4</p>
                    <hr style="border-style: dashed;border-width: 1px;border-color: #eee;margin-bottom: 60px;">
                    <p class="time">
                        <span>2024-01-15</span>
                        <span>5086<em>109</em></span>
                    </p>
                </div>
            </div>
            <div class="more" onclick="pop_up()">加载更多</div>
        </div>
    </div>
    <div class="erwei">
        <div class="erevent">
            <span class="edel" onclick="del()">x</span>
            <p class="sm">扫码付费阅读</p>
            <p class="eread">畅享全文阅读体验</p>
            <img class="epic" src="https://c.hotread.com/boyPc/assets/images/qrcode.jpg" alt="">
        </div>
    </div>
</body>
<script>
    function pop_up() {
        document.querySelector('.erwei').style.display='block'
    }
    function jumpIndexk() {
        location.href = './index.html'
    }
    function jumpNv() {
        location.href = './channel.html?'
    }
    function login() {
        location.href = `./personal.html`
    }
    function jumpManhua() {
        location.href = './comic.html?'
    }
    function jumpBook() {
        location.href = './book.html?'
    }
    function jumpAuthor(){
        location.href='./personal.html?'
    }
    function jumpRank() {
        location.href = './rank.html?'
    }
    function jumpClient() {
        location.href = './client.html?'
    }
    function jumpWelfare() {
        location.href='./author.html'
    }
    const del = () => {
        const par = event.target.parentNode.parentNode
        if (par) return par.style.display = 'none'
    }
</script>

</html>